import QtQuick 2.0
import QtQuick.Controls 2.5
import QtQuick.Window 2.2
import QtQuick.Layouts 1.3
import QtGraphicalEffects 1.15
import SvgImage 1.0
import "../qml"

Window {
    id: root
    width: 1300
    height: 750
    visible: true
    //visibility: Window.Maximized
    color: "transparent"
    flags: Qt.FramelessWindowHint | Qt.Window
    readonly property string srcDeleteNormal: "qrc:/image_res/assets/image_res/delete_normal.svg"
    readonly property string srcDeleteHover: "qrc:/image_res/assets/image_res/delete_hover.svg"
    readonly property string srcDeletePress: "qrc:/image_res/assets/image_res/delete_pressed.svg"

    Component.onCompleted: {
        stockListModel.doInit()
    }

    Connections {
        target: mainManager
        function onSignalStockInfomation(codeName, codePrice) {
            nameDisplay.text = codeName
            currentPrice.text = codePrice.toString();
        }

        function onSignalHold(codePrice, codeNumber, money) {
            unitPrice.text = codePrice.toFixed(3);
            totalMoney.text = money.toFixed(3);
            totalNumber.text = codeNumber.toString();
            totalValue.text = ((parseFloat(currentPrice.text) - codePrice) * codeNumber).toFixed(3);
        }

        function onSignalCurrentCode(currentCode) {
            codeDisplay.text = currentCode.toString()
            mainManager.getStockInfo(currentCode.toString())
        }
    }

    SettingPage {
        id: settingPage
        z: 9999
        visible:  false
    }

    Item {
        anchors.fill: parent
        RectangularGlow {
            id: effect
            anchors.fill: rect
            glowRadius: 10
            spread: 0.2
            color: "#406A6F76"
            cornerRadius: rect.radius + glowRadius
        }

        Rectangle {
            id: rect
            color: "white"
            anchors.centerIn: parent
            width: root.width - 40
            height: root.height - 40
            radius: 4

        ColumnLayout {
                anchors.fill: rect
                // title
                Rectangle {
                    id: titleRect
                    Layout.fillWidth: true
                    Layout.topMargin: 0
                    Layout.rightMargin: 19
                    implicitHeight: 45
                    color: "transparent"

                    Text {
                        id: appTitle
                        text: TransText.app_Ttile
                        anchors.left: titleRect.left
                        anchors.leftMargin: 24
                        anchors.top: titleRect.top
                        anchors.topMargin: 24
                        color: "#141C29"
                        font.pixelSize: 15
                        font.styleName: "Bold"
                        font.bold: true
                        font.family: "Alibaba PuHuiTi 3.0"
                    }

                    MouseArea
                    {
                        anchors.fill: parent
                        property int dx
                        property int dy
                        onPressed:
                        {
                            dx = mouseX
                            dy = mouseY
                        }
                        onPositionChanged:
                        {
                            root.x += mouseX - dx
                            root.y += mouseY - dy
                        }

                        onDoubleClicked: {
                            if(root.visibility === Window.Maximized) {
                                root.showNormal()
                            } else {
                                root.showMaximized()
                            }
                        }
                    }

                    Rectangle {
                        id: closeRect
                        width: 28
                        height: 28
                        anchors.right: titleRect.right
                        anchors.rightMargin: 0
                        anchors.top: titleRect.top
                        anchors.topMargin: 10
                        anchors.margins: 1
                        color: "transparent"

                        SvgImage {
                            id:closeSvg
                            anchors.fill: closeRect
                            source: "qrc:/image_res/assets/image_res/close-normal.svg"
                        }

                        MouseArea
                        {
                            anchors.fill: closeRect
                            hoverEnabled: true
                            onClicked: {
                                mainManager.quitApp()
                            }
                            onPressed: { closeSvg.source = "qrc:/image_res/assets/image_res/close-press.svg"}
                            onEntered: closeSvg.source = "qrc:/image_res/assets/image_res/close-hover.svg"
                            onExited: closeSvg.source = "qrc:/image_res/assets/image_res/close-normal.svg"
                        }
                    }
                }

                Rectangle {
                    Layout.fillHeight: true
                    Layout.fillWidth: true
                    Layout.leftMargin: 4
                    Layout.rightMargin: 4
                    Layout.topMargin: 8
                    Layout.bottomMargin: 8
                    color: "transparent"
                    border.color: "#EBEDF0"

                    RowLayout {
                        anchors.fill: parent
                        spacing: 25

                        // 左边数据录入
                        ColumnLayout {
                            Layout.fillHeight: true

                            Text {
                                id: firstTitle
                                text: TransText.app_record
                                Layout.topMargin: 4
                                Layout.leftMargin: 34
                                wrapMode: Text.WrapAnywhere
                                color: "#3986FF"
                                font.pixelSize: 14
                                font.styleName: "SemiBold"
                                font.family: "Alibaba PuHuiTi 3.0"
                            }

                            // row 1
                            RowLayout {
                                Layout.fillWidth: true
                                Layout.leftMargin: 34
                                Layout.rightMargin: 34
                                height: 25

                                Text {
                                    id: codeText
                                    text: TransText.app_code
                                    Layout.topMargin: 4
                                    wrapMode: Text.WrapAnywhere
                                    color: "#333333"
                                    font.pixelSize: 13
                                    font.styleName: "Regular"
                                    font.family: "Alibaba PuHuiTi 3.0"
                                }

                                CusTextField {
                                    id: codeDisplay
                                    Layout.topMargin: 4
                                    implicitWidth: 200
                                    implicitHeight: 25
                                    onCursorVisibleChanged: {
                                        if(cursorVisible ===false) {
                                            mainManager.getStockInfo(codeDisplay.text)
                                        }
                                    }

                                    //placeholderText: TransText.app_EnterAddress
                                }
                            }

                            // row 2
                            RowLayout {
                                Layout.fillWidth: true
                                Layout.leftMargin: 34
                                Layout.rightMargin: 34
                                height: 25

                                Text {
                                    id: nameText
                                    text: TransText.app_name
                                    Layout.topMargin: 4
                                    wrapMode: Text.WrapAnywhere
                                    color: "#333333"
                                    font.pixelSize: 13
                                    font.styleName: "Regular"
                                    font.family: "Alibaba PuHuiTi 3.0"
                                }

                                CusTextField {
                                    id: nameDisplay
                                    Layout.topMargin: 4
                                    implicitWidth: 200
                                    implicitHeight: 25
                                    enabled: false
                                    //placeholderText: TransText.app_EnterAddress
                                }
                            }

                            // row 3
                            RowLayout {
                                Layout.fillWidth: true
                                Layout.leftMargin: 34
                                Layout.rightMargin: 34
                                height: 25

                                Text {
                                    id: curentpriceText
                                    text: TransText.app_currentprice
                                    Layout.topMargin: 4
                                    wrapMode: Text.WrapAnywhere
                                    color: "#333333"
                                    font.pixelSize: 13
                                    font.styleName: "Regular"
                                    font.family: "Alibaba PuHuiTi 3.0"
                                }

                                CusTextField {
                                    id: currentPrice
                                    Layout.topMargin: 4
                                    implicitWidth: 200
                                    implicitHeight: 25
                                    enabled:false
                                }
                            }

                            // row 4
                            RowLayout {
                                Layout.fillWidth: true
                                Layout.leftMargin: 34
                                Layout.rightMargin: 34
                                height: 25

                                Text {
                                    text: TransText.app_upprice
                                    Layout.topMargin: 4
                                    wrapMode: Text.WrapAnywhere
                                    color: "#333333"
                                    font.pixelSize: 13
                                    font.styleName: "Regular"
                                    font.family: "Alibaba PuHuiTi 3.0"
                                }

                                CusTextField {
                                    id: uppriceDispaly
                                    Layout.topMargin: 4
                                    implicitWidth: 200
                                    implicitHeight: 25
                                }

//                                Text {
//                                    text: TransText.app_upprice
//                                    Layout.topMargin: 4
//                                    wrapMode: Text.WrapAnywhere
//                                    color: "#333333"
//                                    font.pixelSize: 13
//                                    font.styleName: "Regular"
//                                    font.family: "Alibaba PuHuiTi 3.0"
//                                }

//                                CusComboBox {
//                                    id: directionComboBox
//                                    implicitWidth: 200
//                                    implicitHeight: 25
//                                    model: [ TransText.app_buy, TransText.app_sell ]
//                                }
                            }

                            // row 5
                            RowLayout {
                                Layout.fillWidth: true
                                Layout.leftMargin: 34
                                Layout.rightMargin: 34
                                height: 25

                                Text {
                                    text: TransText.app_downprice
                                    Layout.topMargin: 4
                                    wrapMode: Text.WrapAnywhere
                                    color: "#333333"
                                    font.pixelSize: 13
                                    font.styleName: "Regular"
                                    font.family: "Alibaba PuHuiTi 3.0"
                                }

                                CusTextField {
                                    id: downpriceDispaly
                                    Layout.topMargin: 4
                                    implicitWidth: 200
                                    implicitHeight: 25
                                }
                            }

                            // row 7
                            RowLayout {
                                Layout.fillWidth: true
                                Layout.leftMargin: 34
                                Layout.rightMargin: 34
                                height: 35

                                CusSolidBtn {
                                    id: recordBtn
                                    width:263
                                    height: 35
                                    radius: 4
                                    _text: TransText.app_recordData
                                    onClicked: {
                                        stockListModel.doRecordData(parseInt(codeDisplay.text), nameDisplay.text, parseFloat(uppriceDispaly.text), parseFloat(currentPrice.text), parseFloat(downpriceDispaly.text))
                                    }
                                }
                            }

                            // row 8盯盘邮箱设置
                            RowLayout {
                                Layout.fillWidth: true
                                Layout.leftMargin: 34
                                Layout.rightMargin: 34
                                height: 35

                                CusSolidBtn {
                                    id: settingBtn
                                    width:263
                                    height: 35
                                    radius: 4
                                    _text: TransText.app_setting
                                    onClicked: {
                                        settingPage.show()
                                    }
                                }
                            }

                            Item {
                                Layout.fillHeight: true
                            }

                            Rectangle {
                                id: sepLine
                                color: "#F0F0F0"
                                implicitHeight: 1
                                width:263
                                Layout.leftMargin: 34
                                Layout.rightMargin: 34
                            }

                            // blank
                            Item {
                                Layout.fillHeight: true
                            }
                        }

                        // 右边数据录入
                        ColumnLayout {
                            Layout.fillHeight: true
                            Text {
                                id: secondTitle
                                text: TransText.app_recordNow
                                Layout.topMargin: 4
                                wrapMode: Text.WrapAnywhere
                                color: "red"
                                font.pixelSize: 14
                                font.styleName: "SemiBold"
                                font.family: "Alibaba PuHuiTi 3.0"
                            }

                            Rectangle {
                                Layout.fillHeight: true
                                Layout.fillWidth: true
                                Layout.margins: 1
                                color: "transparent"

                                ListView {
                                    id: control
                                    anchors.fill: parent
                                    focus: true
                                    clip: true
                                    visible: (count !== 0)
                                    delegate: wrapperDelegate
                                    model: stockListModel

                                    ScrollBar.vertical: ScrollBar {
                                        id: vScrollBar;
                                        policy: ScrollBar.AsNeeded
                                    }
                                }

//                                Rectangle {
//                                    id: loadControl
//                                    anchors.fill: parent
//                                    visible: stockListModel.load

//                                    Rectangle {
//                                        id: iconRefreshRect
//                                        implicitHeight: 60
//                                        implicitWidth: height
//                                        anchors.centerIn: parent

//                                        AnimatedImage  {
//                                            anchors.fill: parent
//                                            source:{
//                                                return "qrc:/image_res/assets/image_res/60_60_white.gif"
//                                            }
//                                        }
//                                    }
//                                }

                                Rectangle {
                                    id: emptyPageRect
                                    anchors.fill: parent
                                    color: "transparent"
                                    visible: (control.count === 0)

                                    ColumnLayout {
                                        anchors.fill: parent
                                        spacing: 0

                                        Item { Layout.fillHeight: true }

                                        Rectangle {
                                            implicitWidth: 450
                                            implicitHeight: 212
                                            color: "transparent"
                                            Layout.alignment: Qt.AlignHCenter

                                            SvgImage {
                                                anchors.fill: parent
                                                source: "qrc:/image_res/assets/image_res/backup_empty_450x212.svg"
                                            }
                                        }

                                        Text {
                                            text: TransText.app_noRecord
                                            Layout.alignment: Qt.AlignHCenter
                                        }

                                        Item { Layout.fillHeight: true }
                                    }
                                }

                                Component {
                                    id: wrapperDelegate
                                    Rectangle {
                                        id: wrapper
                                        width: control.width
                                        height: 25

                                        Rectangle {
                                            id: back
                                            anchors.fill: parent
                                            anchors.topMargin: 1
                                            anchors.bottomMargin: 1
                                            color: back.hovered ? "#3986FF" : "transparent"
                                            property bool hovered: false

                                             MouseArea {
                                                 anchors.fill: parent
                                                 hoverEnabled: true
                                                 onEntered: {
                                                     back.hovered = true
                                                 }
                                                 onExited: {
                                                     back.hovered = false
                                                 }

                                                onClicked: {
                                                    stockListModel.doSetCurrent(model.code)
                                                }
                                             }
                                        }

                                        Rectangle {
                                            id: sepLine
                                            color: "#F0F0F0"
                                            implicitHeight: 1
                                            anchors.bottom: parent.bottom
                                            anchors.right: parent.right
                                            anchors.bottomMargin: 0
                                            implicitWidth: parent.width
                                        }

                                        RowLayout {
                                            id: listLayout
                                            anchors.fill: back
                                            anchors.leftMargin: 10
                                            anchors.rightMargin: 10
                                            spacing: 2
                                            property int unitWidth: parent.width / 6

                                            Item {
                                                id: codeItem
                                                Layout.fillHeight: true
                                                implicitWidth: listLayout.unitWidth

                                                Text {
                                                    text: model.code
                                                    font.pixelSize: 14
                                                    anchors.left: parent.left
                                                    anchors.verticalCenter: parent.verticalCenter
                                                }
                                            }

                                            Item {
                                                id: nameItem
                                                Layout.fillHeight: true
                                                implicitWidth: listLayout.unitWidth

                                                Text {
                                                    text: model.name
                                                    font.pixelSize: 14
                                                    anchors.left: parent.left
                                                    anchors.verticalCenter: parent.verticalCenter
                                                }
                                            }

                                            Item {
                                                id: priceItem
                                                Layout.fillHeight: true
                                                implicitWidth: listLayout.unitWidth

                                                Text {
                                                    text: model.price
                                                    font.pixelSize: 14
                                                    anchors.left: parent.left
                                                    anchors.verticalCenter: parent.verticalCenter
                                                }
                                            }

                                            Item {
                                                id: upPriceItem
                                                Layout.fillHeight: true
                                                implicitWidth: listLayout.unitWidth

                                                Text {
                                                    text: model.up_price
                                                    font.pixelSize: 14
                                                    anchors.left: parent.left
                                                    anchors.verticalCenter: parent.verticalCenter
                                                }
                                            }

                                            Item {
                                                id: downPriceItem
                                                Layout.fillHeight: true
                                                implicitWidth: listLayout.unitWidth

                                                Text {
                                                    text: model.down_price
                                                    font.pixelSize: 14
                                                    anchors.left: parent.left
                                                    anchors.verticalCenter: parent.verticalCenter
                                                }
                                            }

                                            // delete icon
                                            Item {
                                                id: deleteItem
                                                Layout.fillHeight: true
                                                implicitWidth: listLayout.unitWidth

                                                Rectangle {
                                                    implicitHeight: 16
                                                    implicitWidth: 16
                                                    anchors.centerIn: parent
                                                    color: "transparent"
                                                    SvgImage {
                                                        id: deleteImage
                                                        anchors.fill: parent
                                                        smooth: true
                                                        source: root.srcDeleteNormal
                                                    }

                                                    MouseArea {
                                                        anchors.fill: parent
                                                        hoverEnabled: true
                                                        onEntered: {
                                                            back.hovered = true
                                                            back.color = back.hovered ? "#3986FF" : "transparent"
                                                            deleteImage.source = root.srcDeleteHover
                                                        }
                                                        onPressed: deleteImage.source = root.srcDeletePress
                                                        onExited:{
                                                            back.hovered = false
                                                            back.color = back.hovered ? "#3986FF" : "transparent"
                                                            deleteImage.source = root.srcDeleteNormal
                                                        }
                                                        onClicked: {
                                                            stockListModel.doDeleteData(model.code, index)
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }

                            }
                        }
                    }
                }
            }
        }
    }
}

//                    Text {
//                        id: secondTips
//                        text: TransText.app_SecondTips
//                        height: 18
//                        color: "#FAAD14"
//                        font.pixelSize: 13
//                        Layout.fillWidth: true
//                        wrapMode:Text.WordWrap
//                        font.styleName: "Regular"
//                        font.family: "Alibaba PuHuiTi 3.0"
//                    }
//                }
//            }

//                 Rectangle {
//                width: 462
//                height: 2
//                Layout.leftMargin: 34
//                Layout.topMargin: 15
//                Layout.alignment: Qt.AlignVCenter
//                color:"#EBEDF0"
//            }

//                Text {
//                    id: thirdTips
//                    text: TransText.app_ThirdTips
//                    Layout.topMargin: 18
//                    Layout.leftMargin: 34
//                    wrapMode: Text.WordWrap
//                    Layout.fillWidth: true
//                    color: "#333333"
//                    font.pixelSize: 13
//                    font.styleName: "Regular"
//                    font.family: "Alibaba PuHuiTi 3.0"
//                }

//                Text {
//                    id: fourTips
//                    text: TransText.app_FourTips
//                    Layout.topMargin: 8
//                    Layout.leftMargin: 34
//                    wrapMode: Text.WordWrap
//                    Layout.fillWidth: true
//                    color: "#333333"
//                    font.pixelSize: 13
//                    font.styleName: "Regular"
//                    font.family: "Alibaba PuHuiTi 3.0"
//                }

//                RowLayout {
//                    Layout.fillWidth: true
//                    Layout.leftMargin: 34
//                    Layout.rightMargin: 34
//                    Layout.topMargin: 10
//                    height: 20

//                    Rectangle {
//                        width: 4
//                        height: 16
//                        Layout.leftMargin: 0
//                        Layout.alignment: Qt.AlignVCenter
//                        color:"transparent"
//                        SvgImage {
//                            anchors.fill: parent
//                            source: "qrc:/image_res/assets/image_res/tips_2.svg"
//                        }
//                    }

//                    Text {
//                        id: fiveTips
//                        text: TransText.app_FiveTips
//                        Layout.leftMargin: 4
//                        color: "#333333"
//                        font.pixelSize: 14
//                        font.styleName: "SemiBold"
//                        font.bold: true
//                        font.family: "Alibaba PuHuiTi 3.0"
//                    }

//                    Item {
//                        Layout.fillWidth: true
//                    }
//                }

//                Rectangle {
//                    id: textRect
//                    Layout.fillWidth: true
//                    Layout.leftMargin: 34
//                    Layout.rightMargin: 34
//                    Layout.topMargin: 4
//                    height: 149
//                    radius: 8

//                    color: "white"
//                    border.width: 1
//                    border.color: {
//                        if( textArea.focus ){ return "#3986FF" }
//                        else if( textArea.hovered ){ return "#80B0FF" }
//                        else { return "#EBEDF0" }
//                    }

//                    ScrollView {
//                        id: view
//                        anchors.fill: textRect
//                        contentItem: Rectangle {
//                            implicitWidth: 4
//                            radius: width / 2
//                            anchors.right: textRect.right
//                            anchors.rightMargin: 2
//                            color: "lightgray"
//                        }

//                        TextArea {
//                            id: textArea
//                            padding: 10
//                            width: textRect.width
//                            wrapMode: TextArea.Wrap
//                            textFormat: TextArea.AutoText
//                            selectByMouse:true;
//                            selectByKeyboard: true
//                            selectionColor: "#3986FF"
//                            color: "#333333"
//                            font.pixelSize: 12
//                            font.styleName: "Regular"
//                            font.family: "Alibaba PuHuiTi 3.0"
//                            placeholderText: TransText.app_ContentPlaceholder
//                            placeholderTextColor: "#999999"
//                            onCursorVisibleChanged: {
//                                if( isCursorVisible ){ textRect.border.color = "#3986FF" }
//                                else if( textArea.hovered ){ textRect.border.color = "#80B0FF" }
//                                else { textRect.border.color = "#EBEDF0" }
//                            }
//                        }
//                    }
//                }

//                Text {
//                    id: sixTips
//                    text: TransText.app_SixTips
//                    Layout.topMargin: 4
//                    Layout.leftMargin: 34
//                    Layout.rightMargin: 34
//                    wrapMode: Text.WrapAnywhere
//                    Layout.fillWidth: true
//                    color: "#333333"
//                    font.pixelSize: 13
//                    font.styleName: "Regular"
//                    font.family: "Alibaba PuHuiTi 3.0"
//                }

//                CusTextField {
//                    id: enterEmailText
//                    Layout.topMargin: 4
//                    Layout.leftMargin: 34
//                    Layout.rightMargin: 34
//                    Layout.fillWidth: true
//                    implicitHeight: 34
//                    placeholderText: TransText.app_EnterAddress
//                }

//                Text {
//                    id: statusTips
//                    text: ""//TransText.app_SendCrashing
//                    Layout.topMargin: 4
//                    Layout.leftMargin: 34
//                    Layout.rightMargin: 34
//                    wrapMode: Text.WrapAnywhere
//                    Layout.fillWidth: true
//                    color: "#333333"
//                    font.pixelSize: 12
//                    font.styleName: "Regular"
//                    font.family: "Alibaba PuHuiTi 3.0"
//                }

//                RowLayout {
//                    Layout.fillWidth: true
//                    Layout.leftMargin: 88
//                    Layout.rightMargin: 88
//                    Layout.topMargin: 16
//                    height: 20
//                    spacing: 40

//                    CusSolidBtn {
//                        id: sendRestartBtn
//                        implicitWidth: 170
//                        implicitHeight: 28
//                        radius: 14
//                        _text: TransText.app_SendRestart
//                        onClicked: {
//                            root.setEnanble(false)
//                            statusTips.color = "#3986FF"
//                            statusTips.text = TransText.app_SendCrashing
//                            mainManager.setOpera(1);
//                            mainManager.postFeedback(textArea.text, enterEmailText.text);
//                        }
//                    }

//                    CusSolidBtn {
//                        id: sendCloseBtn
//                        implicitWidth: 170
//                        implicitHeight: 28
//                        radius: 14
//                        _text: TransText.app_SendClose
//                        onClicked: {
//                            root.setEnanble(false)
//                            statusTips.color = "#3986FF"
//                            statusTips.text = TransText.app_SendCrashing
//                            mainManager.setOpera(2);
//                            mainManager.postFeedback(textArea.text, enterEmailText.text);
//                        }
//                    }
//                }



//ApplicationWindow  {
//    id: root
//    width: 540
//    height: 624
//    color: "transparent"
//    title: "Crash Reporter"
//    flags: Qt.FramelessWindowHint | Qt.Window
//    modality: Qt.ApplicationModal
//    visible: true

//    function setEnanble(enable) {
//        sendRestartBtn.enabled = enable
//        sendCloseBtn.enabled = enable
//        enterEmailText.enabled = enable
//        textRect.enabled = enable
//    }


//    DropShadow {
//       anchors.fill: parent
//       horizontalOffset: 5
//       verticalOffset: 5
//       radius: 8.0
//       samples: 15
//       color: "#80000000"
//       source: parent
//    }

//    Rectangle {
//        id: contextRect
//        anchors.fill: parent
//        color: "transparent"
//        clip: true
//        border.width: 1
//        border.color: "#BDD6FC"

//        Rectangle {
//            anchors.fill: parent
//            anchors.margins: 1
//            SvgImage {
//                anchors.fill: parent
//                source: "qrc:/image_res/assets/image_res/bk.svg"
//            }
//        }

//        ColumnLayout {
//            anchors.fill: contextRect
//            anchors.rightMargin: 34
//            // title
//            Rectangle {
//                id: titleRect
//                Layout.fillWidth: true
//                Layout.topMargin: 0
//                implicitHeight: 45
//                color: "transparent"

//                Text {
//                    id: appTitle
//                    text: TransText.app_Ttile
//                    anchors.left: titleRect.left
//                    anchors.leftMargin: 124
//                    anchors.top: titleRect.top
//                    anchors.topMargin: 24
//                    color: "#141C29"
//                    font.pixelSize: 15
//                    font.styleName: "Bold"
//                    font.bold: true
//                    font.family: "Alibaba PuHuiTi 3.0"
//                }

//                MouseArea
//                {
//                    anchors.fill: parent
//                    property int dx
//                    property int dy
//                    onPressed:
//                    {
//                        dx = mouseX
//                        dy = mouseY
//                    }
//                    onPositionChanged:
//                    {
//                        root.x += mouseX - dx
//                        root.y += mouseY - dy
//                    }
//                }

//                Rectangle {
//                    id: closeRect
//                    width: 28
//                    height: 28
//                    anchors.right: titleRect.right
//                    anchors.rightMargin: 19
//                    anchors.top: titleRect.top
//                    anchors.topMargin: 3
//                    anchors.margins: 1
//                    color: "transparent"

//                    SvgImage {
//                        id:closeSvg
//                        anchors.fill: closeRect
//                        source: "qrc:/image_res/assets/image_res/close-normal.svg"
//                    }

//                    MouseArea
//                    {
//                        anchors.fill: closeRect
//                        hoverEnabled: true
//                        onClicked: {
//                            mainManager.quitApp()
//                        }
//                        onPressed: { closeSvg.source = "qrc:/image_res/assets/image_res/close-press.svg"}
//                        onEntered: closeSvg.source = "qrc:/image_res/assets/image_res/close-hover.svg"
//                        onExited: closeSvg.source = "qrc:/image_res/assets/image_res/close-normal.svg"
//                    }
//                }
//            }

//            // title2
//            RowLayout {
//                Layout.fillWidth: true
//                Layout.leftMargin: 34
//                Layout.topMargin: 11
//                implicitHeight: 54

//                Rectangle {
//                    width: 32
//                    height: 36
//                    Layout.leftMargin: 5
//                    Layout.alignment: Qt.AlignVCenter
//                    color:"transparent"
//                    SvgImage {
//                        anchors.fill: parent
//                        source: "qrc:/image_res/assets/image_res/icon.svg"
//                    }
//                }

//                ColumnLayout {
//                    Layout.fillWidth: true
//                    Layout.fillHeight: true
//                    Layout.leftMargin: 4
//                    Layout.rightMargin: 0
//                    Layout.topMargin: 8
//                    Layout.bottomMargin: 8
//                    spacing: 0

//                    RowLayout {
//                        Layout.fillWidth: true
//                        height: 20

//                        Rectangle {
//                            width: 14
//                            height: 14
//                            Layout.leftMargin: 0
//                            Layout.alignment: Qt.AlignVCenter
//                            color:"transparent"
//                            SvgImage {
//                                anchors.fill: parent
//                                source: "qrc:/image_res/assets/image_res/tips.svg"
//                            }
//                        }

//                        Text {
//                            id: firstTips
//                            text: TransText.app_FirstTips
//                            Layout.leftMargin: 4
//                            color: "#FAAD14"
//                            font.pixelSize: 14
//                            Layout.fillWidth: true
//                            wrapMode:Text.WordWrap
//                            font.styleName: "SemiBold"
//                            font.family: "Alibaba PuHuiTi 3.0"
//                        }
//                    }

//                    Text {
//                        id: secondTips
//                        text: TransText.app_SecondTips
//                        height: 18
//                        color: "#FAAD14"
//                        font.pixelSize: 13
//                        Layout.fillWidth: true
//                        wrapMode:Text.WordWrap
//                        font.styleName: "Regular"
//                        font.family: "Alibaba PuHuiTi 3.0"
//                    }
//                }
//            }

//            Rectangle {
//                width: 462
//                height: 2
//                Layout.leftMargin: 34
//                Layout.topMargin: 15
//                Layout.alignment: Qt.AlignVCenter
//                color:"#EBEDF0"
//            }

//            Text {
//                id: thirdTips
//                text: TransText.app_ThirdTips
//                Layout.topMargin: 18
//                Layout.leftMargin: 34
//                wrapMode: Text.WordWrap
//                Layout.fillWidth: true
//                color: "#333333"
//                font.pixelSize: 13
//                font.styleName: "Regular"
//                font.family: "Alibaba PuHuiTi 3.0"
//            }

//            Text {
//                id: fourTips
//                text: TransText.app_FourTips
//                Layout.topMargin: 8
//                Layout.leftMargin: 34
//                wrapMode: Text.WordWrap
//                Layout.fillWidth: true
//                color: "#333333"
//                font.pixelSize: 13
//                font.styleName: "Regular"
//                font.family: "Alibaba PuHuiTi 3.0"
//            }

//            RowLayout {
//                Layout.fillWidth: true
//                Layout.leftMargin: 34
//                Layout.rightMargin: 34
//                Layout.topMargin: 10
//                height: 20

//                Rectangle {
//                    width: 4
//                    height: 16
//                    Layout.leftMargin: 0
//                    Layout.alignment: Qt.AlignVCenter
//                    color:"transparent"
//                    SvgImage {
//                        anchors.fill: parent
//                        source: "qrc:/image_res/assets/image_res/tips_2.svg"
//                    }
//                }

//                Text {
//                    id: fiveTips
//                    text: TransText.app_FiveTips
//                    Layout.leftMargin: 4
//                    color: "#333333"
//                    font.pixelSize: 14
//                    font.styleName: "SemiBold"
//                    font.bold: true
//                    font.family: "Alibaba PuHuiTi 3.0"
//                }

//                Item {
//                    Layout.fillWidth: true
//                }
//            }

//            Rectangle {
//                id: textRect
//                Layout.fillWidth: true
//                Layout.leftMargin: 34
//                Layout.rightMargin: 34
//                Layout.topMargin: 4
//                height: 149
//                radius: 8

//                color: "white"
//                border.width: 1
//                border.color: {
//                    if( textArea.focus ){ return "#3986FF" }
//                    else if( textArea.hovered ){ return "#80B0FF" }
//                    else { return "#EBEDF0" }
//                }

//                ScrollView {
//                    id: view
//                    anchors.fill: textRect
//                    contentItem: Rectangle {
//                        implicitWidth: 4
//                        radius: width / 2
//                        anchors.right: textRect.right
//                        anchors.rightMargin: 2
//                        color: "lightgray"
//                    }

//                    TextArea {
//                        id: textArea
//                        padding: 10
//                        width: textRect.width
//                        wrapMode: TextArea.Wrap
//                        textFormat: TextArea.AutoText
//                        selectByMouse:true;
//                        selectByKeyboard: true
//                        selectionColor: "#3986FF"
//                        color: "#333333"
//                        font.pixelSize: 12
//                        font.styleName: "Regular"
//                        font.family: "Alibaba PuHuiTi 3.0"
//                        placeholderText: TransText.app_ContentPlaceholder
//                        placeholderTextColor: "#999999"
//                        onCursorVisibleChanged: {
//                            if( isCursorVisible ){ textRect.border.color = "#3986FF" }
//                            else if( textArea.hovered ){ textRect.border.color = "#80B0FF" }
//                            else { textRect.border.color = "#EBEDF0" }
//                        }
//                    }
//                }
//            }

//            Text {
//                id: sixTips
//                text: TransText.app_SixTips
//                Layout.topMargin: 4
//                Layout.leftMargin: 34
//                Layout.rightMargin: 34
//                wrapMode: Text.WrapAnywhere
//                Layout.fillWidth: true
//                color: "#333333"
//                font.pixelSize: 13
//                font.styleName: "Regular"
//                font.family: "Alibaba PuHuiTi 3.0"
//            }

//            CusTextField {
//                id: enterEmailText
//                Layout.topMargin: 4
//                Layout.leftMargin: 34
//                Layout.rightMargin: 34
//                Layout.fillWidth: true
//                implicitHeight: 34
//                placeholderText: TransText.app_EnterAddress
//            }

//            Text {
//                id: statusTips
//                text: ""//TransText.app_SendCrashing
//                Layout.topMargin: 4
//                Layout.leftMargin: 34
//                Layout.rightMargin: 34
//                wrapMode: Text.WrapAnywhere
//                Layout.fillWidth: true
//                color: "#333333"
//                font.pixelSize: 12
//                font.styleName: "Regular"
//                font.family: "Alibaba PuHuiTi 3.0"
//            }

//            RowLayout {
//                Layout.fillWidth: true
//                Layout.leftMargin: 88
//                Layout.rightMargin: 88
//                Layout.topMargin: 16
//                height: 20
//                spacing: 40

//                CusSolidBtn {
//                    id: sendRestartBtn
//                    implicitWidth: 170
//                    implicitHeight: 28
//                    radius: 14
//                    _text: TransText.app_SendRestart
//                    onClicked: {
//                        root.setEnanble(false)
//                        statusTips.color = "#3986FF"
//                        statusTips.text = TransText.app_SendCrashing
//                        mainManager.setOpera(1);
//                        mainManager.postFeedback(textArea.text, enterEmailText.text);
//                    }
//                }

//                CusSolidBtn {
//                    id: sendCloseBtn
//                    implicitWidth: 170
//                    implicitHeight: 28
//                    radius: 14
//                    _text: TransText.app_SendClose
//                    onClicked: {
//                        root.setEnanble(false)
//                        statusTips.color = "#3986FF"
//                        statusTips.text = TransText.app_SendCrashing
//                        mainManager.setOpera(2);
//                        mainManager.postFeedback(textArea.text, enterEmailText.text);
//                    }
//                }
//            }

//            // blank
//            Item {
//                Layout.fillHeight: true
//            }
//        }
//    }
//}







